<template>
	<view class="content">
		<view class="list-box">
			<view class="title">
				订单信息
			</view>
			<!-- <view class="item-box">
				<view class="title">
					订单名称
				</view>
				<view class="text">
					{{info.code}}
				</view>
			</view> -->
			<view class="item-box" v-if="info.code">
				<view class="title">
					订单编号
				</view>
				<view class="text">
					{{info.code}}
				</view>
			</view>
			<view class="item-box" v-if="info.salesmanName">
				<view class="title">
					项目负责人
				</view>
				<view class="text">
					{{info.salesmanName}}
				</view>
			</view>
			<view class="item-box" v-if="info.customName">
				<view class="title">
					客户
				</view>
				<view class="text">
					{{info.customName}}
				</view>
			</view>
			<view class="item-box" v-if="info.contractMoney">
				<view class="title">
					合同金额
				</view>
				<view class="text">
					{{info.contractMoney}}
				</view>
			</view>
			<view class="item-box" v-if="info.auditMoney">
				<view class="title">
					审计后金额
				</view>
				<view class="text">
					{{info.auditMoney}}
				</view>
			</view>
			<view class="item-box" v-if="info.remainMoney">
				<view class="title">
					剩余回款
				</view>
				<view class="text">
					{{info.remainMoney}}
				</view>
			</view>
	<!-- 		<view class="item-box">
				<view class="title">
					剩余开票金额
				</view>
				<view class="text">
					411
				</view>
			</view> -->
			<view class="item-box" v-if="info.taxRemain">
				<view class="title">
					剩余回款金额
				</view>
				<view class="text">
					{{info.taxRemain}}
				</view>
			</view>
			<view class="item-box" v-if="info.year">
				<view class="title">
					所属年度
				</view>
				<view class="text">
					{{info.year}}
				</view>
			</view>
			<view class="item-box" v-if="info.deptName">
				<view class="title">
					所属部门
				</view>
				<view class="text">
					{{info.deptName}}
				</view>
			</view>
			<view class="item-box">
				<view class="title">
					是否验收
				</view>
				<view class="text">
					否
				</view>
			</view>
			<view class="item-box">
				<view class="title">
					验收日期
				</view>
				<view class="text">
					否
				</view>
			</view>
			<view class="item-box">
				<view class="title">
					是否回款完毕
				</view>
				<view class="text">
					否
				</view>
			</view>
			<view class="item-box" v-if="info.endDate">
				<view class="title">
					合同签订日期
				</view>
				<view class="text">
					{{info.endDate}}
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import config from '@/config'
	import {
		projectBaseInfo
	} from "@/api/system/index"
	const baseUrl = config.baseUrl
	export default {
		data() {
			return {
				info:{}
			}
		},
		onLoad(e) {
			this.id = e.id
			this.getInfo()
		},
		methods:{
			getInfo() {
				projectBaseInfo(this.id).then(res => {
					this.info = res.data
				})
			}
		}
		
	}
</script>

<style lang="scss">
	.content {
		padding: 20rpx;
		.list-box {
			padding: 20rpx;
			background: #ffffff;
			border-radius: 8rpx;
			.title {
				padding-top: 20rpx;
				padding-bottom: 20rpx;
				color: #333;
				font-size: 28rpx;
				font-weight: bold;
			}
			.item-box {
				padding-top: 15rpx;
				padding-bottom: 15rpx;
				padding-left: 10rpx;
				display: flex;
				align-items: center;
				border-top: 1px solid #EDEDED;
				.title {
					color: #999999;
					width: 180rpx;
				}
				.text {
					width: 420rpx;
				}
			}
		}
		
	}
</style>